<template>
	<view class="box">
		<u-popup v-model="flagxs" mode="bottom" :mask-close-able='false'>

			<view class="content-box" style="width: 750rpx;
		height: 1134rpx;
		background: #FFFFFF;
		border-radius: 40rpx 40rpx 0rpx 0rpx;">
				<view class="" style="text-align: right;padding-top: 58rpx;padding-right: 58rpx;">
					<image src="https://kshk.91bak.com/imagex/zbv5/close.png" mode="widthFix" style="width: 40rpx;"
						@click="flagxs=false"></image>
				</view>
				<view class="d_f j_c_c" style="font-weight: 600;font-size: 28rpx;">
					《活动规则》
				</view>
				<view class="content" v-for="item in content1"
					style="background-color: #FFFFFF;padding: 20rpx;margin-top: -6rpx;">
					{{item}}
				</view>
				<view class="bottox">
					<p class="ps">具体活动规则以实际产品为准</p>

					<p class="ps">成都净蓝科技有限公司</p>
					<p class="ps">客服热线:400-8825101</p>
				</view>
			</view>

		</u-popup>
		<view class="d_f j_c_c a_i_c" style="width: 265rpx;
		height: 36rpx;
		
		font-size: 30rpx;
		color: #FEFFFF;
		width: 100%;
		text-shadow: 0rpx 2rpx 3rpx #D93126;position: absolute;top: 650rpx;z-index: 9999;">
			您还有<text style="font-size: 40rpx;">{{number}}</text> 次抽奖机会
		</view>
		<u-popup v-model="flag" mode="center" :mask-close-able='false'>
			<view class="d_f a_i_c f_d_c">
				<image src="https://kshk.91bak.com/imagex/zb/t3.png" mode="widthFix" style="width: 750rpx;"></image>
				<image src="https://kshk.91bak.com/imagex/zb/01.gif" mode="widthFix"
					style="width: 400rpx;position: absolute;top: 800rpx;z-index: 9999;left: 156rpx;"></image>
				<view style="position: absolute;top: 900rpx;" class="input">
					<input @input="inputMobile" v-model="mobile" maxlength="11" type="number" class="inputx"
						style="margin-left: 20rpx;" placeholder="请输入手机号"
						placeholder-style="color:#828282;font-size:36rpx;margin-top:-2rpx;" />
				</view>

				<view class="" style="padding-bottom: 10rpx;margin-top: -290rpx;">
					<image src="https://kshk.91bak.com/imagex/zb/btn1.png" mode="widthFix" style="width: 490rpx;"
						class="btnx" @click="sdk"></image>


				</view>
				<image src="https://kshk.91bak.com/imagex/zb/close.png" mode="widthFix" @click="close"
					style="width: 60rpx;"></image>
			</view>

		</u-popup>
		<u-popup v-model="flagx" mode="center" :mask-close-able='false'>
			<view class="d_f a_i_c f_d_c">
				<image src="https://kshk.91bak.com/imagex/zb/t1.png" mode="widthFix" style="width: 700rpx;"></image>
				<image src="https://kshk.91bak.com/imagex/zb/btn2.png" mode="widthFix"
					style="width: 490rpx;margin-top: -90rpx;" class="btnx" @click="flagx=false"></image>

			</view>

		</u-popup>
		<u-popup v-model="flag1" mode="center" :mask-close-able='false'>
			<view class="d_f a_i_c f_d_c ">
				<image src="https://kshk.91bak.com/imagex/zb/btnxs.png" mode="widthFix" style="width: 700rpx;"></image>


			</view>
			<view class="d_f j_c_c btnx" style="width: 100%;position: relative;margin-top: 40rpx;">
				<image src="https://kshk.91bak.com/imagex/zb/btni.png" mode="widthFix" style="width: 350rpx;"></image>
				<view class="" style="position: absolute;top: 30rpx;color: white;" @click="addx">
					确认型号
				</view>
			</view>

		</u-popup>

		<gb-choujiang :nImg='nImg' :AwardList="AwardList" :sjNum="sjNum" :number="number"
			@updateMoney="updateMoney"></gb-choujiang>


		<leftp style="margin-top: -80rpx;"></leftp>
		<image src="https://kshk.91bak.com/imagex/zb/b.jpg" mode="widthFix" style=" width: 750rpx;margin-top: -4rpx;">
			<view class="d_f j_c_c a_i_c" style="color: #ffffff;padding-bottom: 10rpx;" @click="flagxs=true">
				活动规则
			</view>
		</image>
	</view>
</template>

<script>
	import llgSDK from '../../utils/liuliangguoSDKpro.min.js'; //js文件存放的位置和名称，请自行调整
	import {
		tongji0520,
		status,
		getYys,
		fcsOrder,
		getLlgId,
		preCheckOrder
	} from '../../api/index.js'
	import {
		sms,
		Order,
		addInformation

	} from '../../api/index1.js'
	import md5 from "@/utils/md5.js"
	import zfbUrlUtil from '../../utils/zfbUrlUtil.js'
	export default {
		data() {
			return {
				flagxs: false,
				number: 3,
				env: "",
				content1: [
					"一、活动内容说明:",
					"1、活动对象:2G/3G/4G/5G用户。",
					"2、活动内容:活动期间凡在本页面订购且扣费成功的用户(业务资费:0.1-19.9元/月，具体以资费短信为准)，即可获得每月包含10GB通用流量和30GB专属流量以及热门VIP会员任选，开通后立即生效，并且用户可以根据需求随时取消服务。",
					"3、权益兑换:权益兑换方式具体以业务办理成功后短信通知为准。",
					"4、在限时活动期限内，用户可额外参与《幸运狂欢随心选》活动进行抽奖，具体参与规则详情如下方说明:5、注意事项:本业务退订后视作放弃本活动福利礼品，超过48小时未兑换的用户，礼品将不再发放，视为主动放弃奖品，",
					"二、《幸运狂欢随心选》活动参与规则说明:",
					"1、活动时间:2025年1月17日-2025年12月31日:2、参与对象:凡通过活动页面订购且扣费成功的2G/3G/4G/5G用用户。",
					"3、奖项设置及中奖概率:",
					"①特等奖:苹果iPhone16，中奖概率为0.000125%，每月限量1部；",
					"②一等奖:平板电脑，中奖概率为0.001%，每月限量3部，领完为止；",
					"③二等奖:蓝牙耳机，中奖概率为0.005%，每月限量50个。领完为止；",
					"④三等奖:视听会员月卡，中奖概率为0.1%，每日限量10个。",
					"三、抽奖规则:",
					"(1)用户在活动期间订购且扣费成功的订单即可获得一次抽奖机会:(2)参与对象直播间所有参与活动的用户,会依据当前订购成功截图的时间先后顺序进行抽奖。中奖后主播会现场通知用户中奖消息，详请留意直播间主播的通知。中奖用户24小时内未领取，视为自动放弃礼品;(3)奖品限量，先到先得，抽完即止。(特等奖在活动期间根据抽奖情况逐步减少，直至抽完)。",
					"四、奖品说明:",
					"1、苹果iPhone16:抽中“苹果iPhone16”或“平板电脑”或“蓝牙耳机”的用户，我们将会主动与您联系，注意保持电话畅通；",
					"2、视听会员月卡:用户可享受包插腾讯视频、爱奇艺、优酷,芒果 TV、bilibili、QQ音乐、酷狗音乐等在内的 30 多种热门VIP会员的任意选择权；",
					"3、抽中“视听会员年月卡的用户，系统将从以上奖品随机发放一款到用户手机号绑定账户上。",
					"4、本活动与苹果公司(App1e.9)无关。",
					"5、客服联系方式:电话:400-8825101，联系时间:工作日上午9:00-12:00、下午 13:30-18:00."
				],
				a: '',
				id: '',
				param: '',
				orderNo: '',
				holdTime: 0,
				sms: '',
				getCodeText: '获取验证码',
				mobile: "",
				flag: false,
				flagx: true,
				flag1: false,
				// 背景图，可网络地址，可本地
				nImg: '../../static/luck.png',
				// 中奖的索引，也就是AwardList数组的索引，sjNum不能等于4，4是立即抽奖
				sjNum: 0,
				// false前端，true前端
				isQd: false,
				// 可自己后端获取，也可以后端  percentage为概率 10代表10%   100代表100%   注意：必须要有一个概率为100%，
				AwardList: [{
						image: 'https://kshk.91bak.com/imagex/zb/money.png',
						name: '99红包',
						percentage: 0,
						index_num: 0
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/iPhone16max.png',
						name: '苹果16promax',
						percentage: 100,
						index_num: 1
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/pb.png',
						name: '平板电脑',
						percentage: 0,
						index_num: 2
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/erj.png',
						name: '炫酷蓝牙耳机',
						percentage: 0,
						index_num: 3
					},
					{
						image: '',
						name: '',
						percentage: 0,
						index_num: 4
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/phone.png',
						name: '苹果15Promax',
						percentage: 0,
						index_num: 5
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/ip.png',
						name: '苹果全家桶',
						percentage: 0,
						index_num: 6
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/dz.png',
						name: '蛋仔礼包兑换码',
						percentage: 0,
						index_num: 7
					},
					{
						image: 'https://kshk.91bak.com/imagex/zb/d.png',
						name: '影视会员年卡',
						percentage: 0,
						index_num: 8
					}
				]
			}
		},
		onReady() {

		},
		onLoad(option) {
			// console.log(uni.getStorageSync('number'))
			// if (uni.getStorageSync('number') >= 0) {
			// 	this.number = uni.getStorageSync('number')
			// 	console.log(this.number, '父')
			// 	if (this.number == '') {
			// 		this.number = 3
			// 	}
			// } else {
			// 	console.log(this.number)
			// }
if (option.callback) {
				uni.setStorageSync('param', option.callback)
				this.param = (option.callback)
			}

			this.getData()

			if (option.a) {
				this.a = option.a
				this.uuid()
			} else {
				uni.reLaunch({
					url: '/pages/404/404'
				})
			}
			let ua = window.navigator.userAgent.toLowerCase();

			//判断是不是微信
			if (ua.match(/MicroMessenger/i) == "micromessenger") {

				if (/Android/.test(navigator.userAgent)) {

					this.env = '1'



				}
				if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
					this.env = '2'


				}




			} else if (ua.match(/AlipayClient/i) == "alipayclient") {
				this.env = '3'



			} else {
				this.env = 4
			}

		},
		methods: {
			addx() {
				this.flag = true
				this.flag1 = false
			},
			close() {
				this.flag = false
				this.flag1 = true
			},
			fcs() {
				// fcsOrder({
				// 	a: this.a,
				// 	proCode: '',
				// 	mobile: this.mobile,
				// 	param: '',
				// 	sessionId: md5.hex_md5(uni.getStorageSync('uuid')),
				// }).then((res) => {

				// })
				addInformation({
					a:this.a,
					channelType: '2',
					phone: this.mobile,
					param: this.param,
					sessionId:md5.hex_md5( uni.getStorageSync('uuid')),
					mediaCode:'202503061442425624',
				}).then((res) => {
							
				})
				uni.request({
					url: 'https://api6.sx2b2c.com/api/tongji/queryMobileNum',
					method: 'POST',
					header: {
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					data: {
						mobile: this.mobile,
				
					},
					success: (resx) => {
				
						if (resx.data.data.status == false) {
							this.isShowLoading = true
							getYys({
								mobile: this.mobile
							}).then((res) => {
								console.log(res.result)
				
								if (res.result.Isp == '中国电信') {
									var ips = 'ISP-DX'
								} else if (res.result.Isp == '中国联通') {
									var ips = 'ISP-LT'
								} else {
									var ips = 'ISP-CMCC'
								}
								const sdk = recsdk.init({
									"sessionId":md5.hex_md5( uni.getStorageSync('uuid')),
									"unionKey": "f61024a966ed420a867929594a3955c8"
								})
								sdk.getAd({
									ptCode:'ks',
									recStep:'2',
									isp: ips,
									phoneNum: this.mobile,
									phoneProvince: res.result.Province,
									errCode: "",
									errMsg: "",
									media: "202503061442425624",
									pointNum: "order_fail",
									open: true,
									redirectTime: 2000,
									testFlag: 0,
								}, res => {
				
									console.log(res)
								})
							})
						} else {
							wx.showToast({
								title: '请求频繁',
								icon: 'none'
							});
						}
				
					},
					fail: function(err) {
				
						alert(JSON.stringify(err))
						console.log('请求失败', err);
					}
				});
		
			},
			sdk() {
				if (!/^1[3456789]\d{9}$/.test(this.mobile)) {
					// 手机号格式不正确，提示用户
					wx.showToast({
						title: '请输入正确的手机号',
						icon: 'none'
					});
				} else {
					uni.showLoading({
						title: "加载中",
						mask: true
					})
					this.fcs()
					// preCheckOrder({
					// 	a: this.a,
					// 	mobile: this.mobile,
					// 	proCode: 'LH2576',
					// 	sign: md5.hex_md5(this.a + this.mobile + 'LH2576')
					// }).then((res) => {
					// 	console.log(res.data.status)
					// 	if (res.data.status == 'YES') {

					// 		//爱奇艺
					// 		let url = 'https://h5.syhy123.com/aqy_ts120/' + window.location.search
					// 		let regex = /([?&])a=[^&]*/; // 正则表达式匹配param2参数及其值
					// 		let newParamValue = '73c1070d4955b30358ffcabce518c414'; // 新值

					// 		// 使用正则表达式替换参数值
					// 		let newUrl = url.replace(regex, `$1a=${newParamValue}`);
					// 		if (this.env == '1') {
					// 			window.location.href = 'http://sign.syhy123.com/api/Clhk/extParam?url=' +
					// 				encodeURIComponent(newUrl + '&mobile=' + this.mobile)
					// 		} else if (this.env == '2') {
					// 			window.location.href = zfbUrlUtil.wrapUrl(newUrl + '&mobile=' + this.mobile)
					// 		} else if (this.env == '3') {
					// 			window.location.href = newUrl + '&mobile=' + this.mobile
					// 		} else {
					// 			window.location.href = 'alipays://platformapi/startapp?appId=20000067&url=' +
					// 				encodeURIComponent(newUrl + '&mobile=' + this.mobile)
					// 		}

					// 	} else {
					// 		//优酷
					// 		preCheckOrder({
					// 			a: this.a,
					// 			mobile: this.mobile,
					// 			proCode: 'LH2575',
					// 			sign: md5.hex_md5(this.a + this.mobile + 'LH2575')
					// 		}).then((res) => {
					// 			console.log(res.data.status)
					// 			if (res.data.status == 'YES') {
					// 				let url = 'https://h5.syhy123.com/yk_ts120/' + window.location.search
					// 				let regex = /([?&])a=[^&]*/; // 正则表达式匹配param2参数及其值
					// 				let newParamValue = '73c1070d4955b30358ffcabce518c414'; // 新值

					// 				// 使用正则表达式替换参数值
					// 				let newUrl = url.replace(regex, `$1a=${newParamValue}`);
					// 				if (this.env == '1') {
					// 					window.location.href =
					// 						'http://sign.syhy123.com/api/Clhk/extParam?url=' +
					// 						encodeURIComponent(newUrl + '&mobile=' + this.mobile)
					// 				} else if (this.env == '2') {
					// 					window.location.href = zfbUrlUtil.wrapUrl(newUrl + '&mobile=' +
					// 						this.mobile)
					// 				} else if (this.env == '3') {
					// 					window.location.href = newUrl + '&mobile=' + this.mobile
					// 				} else {
					// 					window.location.href =
					// 						'alipays://platformapi/startapp?appId=20000067&url=' +
					// 						encodeURIComponent(newUrl + '&mobile=' + this.mobile)
					// 				}
					// 			} else {
					// 				this.fcs()
					// 				// preCheckOrder({
					// 				// 	a: this.a,
					// 				// 	mobile: this.mobile,
					// 				// 	proCode: 'LH2572',
					// 				// 	sign: md5.hex_md5(this.a + this.mobile + 'LH2572')
					// 				// }).then((res) => {
					// 				// 	console.log(res.data.status)
					// 				// 	if (res.data.status == 'YES') {
					// 				// 		let url = 'https://h5.syhy123.com/ng_ts120/' + window
					// 				// 			.location.search
					// 				// 		let regex = /([?&])a=[^&]*/; // 正则表达式匹配param2参数及其值
					// 				// 		let newParamValue =
					// 				// 		'73c1070d4955b30358ffcabce518c414'; // 新值

					// 				// 		// 使用正则表达式替换参数值
					// 				// 		let newUrl = url.replace(regex,
					// 				// 		`$1a=${newParamValue}`);
					// 				// 		if (this.env == '1') {
					// 				// 			window.location.href =
					// 				// 				'http://sign.syhy123.com/api/Clhk/extParam?url=' +
					// 				// 				encodeURIComponent(newUrl + '&mobile=' + this
					// 				// 					.mobile)
					// 				// 		} else if (this.env == '2') {
					// 				// 			window.location.href = zfbUrlUtil.wrapUrl(newUrl +
					// 				// 				'&mobile=' + this.mobile)
					// 				// 		} else if (this.env == '3') {
					// 				// 			window.location.href = newUrl + '&mobile=' + this
					// 				// 				.mobile
					// 				// 		} else {
					// 				// 			window.location.href =
					// 				// 				'alipays://platformapi/startapp?appId=20000067&url=' +
					// 				// 				encodeURIComponent(newUrl + '&mobile=' + this
					// 				// 					.mobile)
					// 				// 		}
					// 				// 	} else {

					// 				// 		this.fcs()
					// 				// 		//alert
					// 				// 	}
					// 				// })
					// 			}
					// 		})
					// 		//南瓜

					// 	}
					// })

				}


			},
			inputMobile(e) {

				if (this.mobile.length >= 11) {
					if (!/^1[3456789]\d{9}$/.test(this.mobile)) {
						// 手机号格式不正确，提示用户
						wx.showToast({
							title: '请输入正确的手机号',
							icon: 'none'
						});
					} else {

						this.sdk()
						uni.hideKeyboard()
					}

					// inputMobileHander(formData.value.mobile)

				} else {
					this.flag = true
					this.checks = false
				}
			},
			uuid() {
				var s = [];
				var hexDigits = "0123456789abcdef";
				for (var i = 0; i < 36; i++) {
					s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
				}
				s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010
				s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
				s[8] = s[13] = s[18] = s[23] = "-";

				var uuid = s.join("");
				uni.setStorageSync('uuid', uuid)
				return uuid
			},
			// 中奖后的逻辑
			updateMoney(money) {
				this.flag = true
				this.number -= 1
				if (this.number > 0) {
					uni.setStorageSync('number', this.number)
				} else {
					uni.setStorageSync('number', JSON.stringify(this.number))
				}
				// 中奖后获取最新状态
				this.getData()
			},
			// 获取本次中奖的
			getData() {

				// 概率指定，如果是前端控制，如果后端控制下面步骤判断步骤可以省略  直接后端获取sjNum值即可
				if (this.isQd) {
					// ------------------------------这里写获取后端中奖索引
					// 后端赋值
					this.sjNum = this.sjNum || 0
				} else {
					// 概率控制  概率100%
					let sj = Math.round(Math.random() * 99 + 1)
					// 前端控制概率
					let arr = []
					console.log("sj: ", sj);

					for (let i = 0; i < this.AwardList.length; i++) {
						if (this.AwardList[i].percentage >= sj) {
							arr.push(this.AwardList[i])
						}
					}
					console.log("arr: ", arr);
					// 随机获得索引
					if (arr.length > 1) {
						this.sjNum = arr[Math.round(Math.random() * arr.length)].index_num
					} else {
						this.sjNum = arr[0].index_num
					}

					console.log(this.sjNum);
				}
			}

		}
	}
</script>
<style scoped lang='scss'>
	.box {
		background-color: #fdb76f;
	}

	.bottox {
		text-align: center;
		font-size: 28rpx;
		color: #000000;

		margin-top: -10rpx;
		background-color: #ffffff;

	}

	@keyframes butChange {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(1.1);
		}

		100% {
			transform: scale(1);
		}
	}

	.btnx {
		animation: butChange 1s infinite;
	}

	.input {
		width: 520rpx;
		height: 80rpx;
		background: #FFFFFF;
		border-radius: 40rpx;
	}

	.inputx {

		height: 80rpx;
	}

	.ps {
		background-color: #FFFFFF;
		text-align: center;

	}
</style>